<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>
<script>
    // 只有拥有了iterator遍历器，才可以使用fot-of遍历
    // 当前数据原型上有Symbol(Symbol.iterator)属性，可以使用for-of遍历
    // 1.遍历数组
    let arr = [10, 20, 30];
    console.log(arr);
    for(let val of arr){
        console.log(val); // 数组的每一项
    }

    // 2.遍历标签
    let oLi = document.getElementsByTagName('li');
    console.log(oLi);
    for(let val of oLi){
        console.log(val);
        val.onclick = function(){
            console.log('点击');
        }
    }

    let str = new String('12345');
    console.log(str);

    // 3.对象没有iterator遍历器，无法使用for-of
    let obj = {
        name: 'tom',
        age: 10,
        sex: '男'
    }
    console.log(obj);
    // obj is not iterable:报错
    for(let val of obj){
        console.log(val); 
    }
</script>